<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="icon" href="./favicon.ico">
    <title>网站标题</title>
    <meta name="description" content="网站介绍">
    <meta name="keywords" content="网站关键词">
    <link rel="stylesheet" type="text/css" href="./css/lovexhj.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" type="text/css" href="./css/FiraCode.css">
    <!-- 背景音乐 -->
    <audio src="http://music.163.com/song/media/outer/url?id=186453.mp3" autoplay="autoplay"></audio>
</head>

<body>
<!-- 标题板块 -->
<div class="title">
    <img src="./images/bg1.gif" alt="bgGif">
    <p id="ldqcqy"></p>
</div>

<!-- 分页1 - 骚话 -->
<div class="page page1">
    <div class="swiper-container swiper-container-lovexhj1">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="page1-lovexhj1">
                    <img src="https://gimg2.baidu.com/image_search/src=https%3A%2F%2Fpics0.baidu.com%2Ffeed%2F6c224f4a20a446234e27f2c2186a60040df3d777.jpeg%3Ftoken%3De4666ddb141ead079ac4879566ff347a&refer=http%3A%2F%2Fpics0.baidu.com&app=2002&size=f10000,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1677915224&t=4267bd74351d27aa8aa95d699acddac2"
                         alt="ldq">
                    <img src="./images/cat.gif" alt="cat">
                    <img src="https://gimg2.baidu.com/image_search/src=https%3A%2F%2Fpics3.baidu.com%2Ffeed%2F08f790529822720e9902c4dffe83184cf31fab9d.jpeg%3Ftoken%3D6ffeead0cfe5fdaad6b008b3d593e7c2&refer=http%3A%2F%2Fpics3.baidu.com&app=2002&size=f10000,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1677915256&t=f5411a0059d0d20edb530a463d7de2d7"
                         alt="cqy">
                    <p id="lovetime"></p>
                    <p>我也不知道该准备一点什么给你逗你开心</p>
                    <p>还是写一点好玩的送给你吧~</p>
                    <span class="right">往右划动 →</span>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page1-lovexhj1">
                    <img class="cat" src="./images/cat2.gif" alt="cat2">
                    <p class="catText">先给咪子伴个小鬼脸 ↑</p>
                    <p>上次也是花心思写了一个小玩意给你</p>
                    <p>但我觉得整体设计&&界面都过于<b>LOW</b></p>
                    <p>那就重新送你一个吧</p>
                    <span class="right">再划一下 →</span>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page1-lovexhj1">
                    <img class="cat" src="./images/cat3.gif" alt="cat3">
                    <p class="catText">抱死你 ↑</p>
                    <p>这次我<b>超级超级超级超级</b></p>
                    <p>认真的写了一遍</p>
                    <p style="font-size: 13px;">以 框架构造、
                        <span style="color: red; font-size: 16px;">爱你</span>、
                        视觉体验、响应式 为核心制作
                    </p>
                    <span class="right">再划一次吧 →</span>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page1-lovexhj1">
                    <img class="cat" src="./images/cat4.gif" alt="cat4">
                    <p class="catText">拍你鼠头 ↑</p>
                    <p>这次应该不会太难看了吧</p>
                    <p>希望你喜欢呀</p>
                    <p>爱你哟(๑′ᴗ‵๑)</p>
                    <b>情人节快乐我的<span style="color: deepskyblue;">金元宝</span></b>
                </div>
            </div>
        </div>
        <div class="swiper-pagination swiper-pagination-lovexhj1"></div>
    </div>
</div>

<!-- 分页2 - 时间轴 -->
<div class="page page2">
    <div class="swiper-container swiper-container-lovexhj2">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="page2-box">
                    <img src="./images/page-2-1.jpg" alt="page2-1">
                    <p><b>美好的开始</b></p>
                    <p>2021-5-2</p>
                    <p>与君初相识，犹如故人归</p>
                    <p>我们的故事，从此开始~~</p>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page2-box">
                    <img src="./images/page-2-2.jpg" alt="page2-2">
                    <p><b>和老婆在一起上班</b></p>
                    <p>这一年我们实现了奔赴，我们历经很多困难和争吵，但是我们最终还是实现了郑州奋斗，那时候每天跟老婆一起上班，等老婆一起下班，老婆给我拍的美照</p>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page2-box">
                    <img src="./images/page-2-3.jpg" alt="page2-3">
                    <p><b>为老婆夺取keep奖牌</b></p>
                    <p>咪子想要keep奖牌戒指</p>
                    <p>特意五点半起床，为了咪子的愿望去实现，只要咪子想要的再苦再累也要努力去做</p>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page2-box">
                    <img src="./images/page-2-4.jpg" alt="page2-4">
                    <p><b>陪老婆去办卡随手怕</b></p>
                    <p>历经万难老婆终于上班了</p>
                    <p>我们坐公交去办银行卡，云真的很白，我们又一起骑自行车回来</p>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page2-box">
                    <img src="./images/page-2-5.jpg" alt="page2-5">
                    <p><b>当然少不了我们郑州的美食了</b></p>
                    <p>我们有了自己的小窝</p>
                    <p>和咪子捣鼓好吃的一点点给小猪娃喂胖了</p>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page2-box">
                    <img src="./images/page-2-6.jpg" alt="page2-6">
                    <p><b>怎么能少了新年的烟火~</b></p>
                    <p>骑车、堵车、人挤人</p>
                    <p>一起欣赏洛阳城的美丽烟火回来的随手拍，晚上又去吃了鸡公煲，想和咪子永远快乐</p>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page2-box">
                    <img src="./images/page-2-7.jpg" alt="page2-7">
                    <p><b>夜游洛浦</b></p>
                    <p>这应该算是第一次和咪子去散步吧，吹着洛浦的风，灯光把我们的影子约拉越长...</p>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page2-box">
                    <img src="./images/page-2-8.jpg" alt="page2-8">
                    <p><b>给咪子准备的礼物</b></p>
                    <p>很上心的给咪子准备礼物</p>
                    <p>想了好久不知道给咪子什么礼物好，那就情人的花，老鼠爱的蛋糕和那迎面扑鼻的香水吧</p>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page2-box">
                    <img src="./images/page-2-9.jpg" alt="page2-9">
                    <p><b>和咪子的甜蜜合拍</b></p>
                    <!--<p>好多次因为睡觉而错过和咪子出去玩</p>-->
                    <p>咪子喜欢拍照，喜欢的生活仪式感</p>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="page2-box">
                    <img src="./images/page-2-10.jpg" alt="page2-10">
                    <p><b>More？</b></p>
                    <p>新的一年，</p>
                    <p>我们一起奔赴美好生活</p>
                </div>
            </div>
        </div>
        <div class="swiper-pagination swiper-pagination-lovexhj2"></div>
    </div>
</div>

<!-- 分页3 - 一段话 -->
<div class="page page3">
    <div id="talkToXHJ">
        <b>回顾上一个情人节</b>
        <br/>
        第一次和咪子的情人节是我们在郑州，那一年我们实现了郑州奔赴，有了我们自己的小窝，周末的美食，当然还有我们的争吵haha，这个画面回想起来仿佛就发生在昨天一样清晰...
        <br/>
        <br/>
        <b>这是我们的第二个情人节</b>
        <br/>
        比较直男的我，还是用属于我的方式来送你一个小小的虚拟礼物（上次那个太不用心了主要是不精通哈哈）
        <br/>
        本来想给惊喜结果咪子不开心提前透露出去了，其实我都在花心思做这个呢，我想把它做到很好很好，让你感受一下“代码”带来了趣味性
        <br/>
        用心才能做得更好，陪你也是这样，每天的事情大同小异，除去日常琐事剩下的就是陪你，日复一日但是每天都会是不同的感觉，带来不同的乐趣
        <br/>
        陪你玩游戏，陪你聊天，一起互怼一起疯，看似再平常不过的事情在我们这里都充满了开心
        <br/>
        <br/>
        <b>我想</b>
        <br/>
        我们还会有好多好多的情人节，不过每一次我都要尝试用新鲜的思路去给你带来一些值得回忆的瞬间还是很有挑战性的，对我来说给你准备惊喜的过程总是充满了动力
        <br/>
        用文字来对你说一些话感觉好像情书一样尴尬哈哈
        <br/>
        节日快乐金元宝
        <br/>
        ## 爱你的老咪 (๑′ᴗ‵๑)~ ❤
    </div>
</div>

<!-- 分页4 - 结尾 -->
<div class="page page4">
    <div class="page4-box">
        <div class="page4-img">
            <div class="swiper-container swiper-container-lovexhj3">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./images/page-4-1.png" alt="page-4-1">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/page-4-2.jpg" alt="page-4-2">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/page-4-3.jpg" alt="page-4-3">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/page-4-4.jpg" alt="page-4-4">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/page-4-5.jpg" alt="page-4-5">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/page-4-6.jpg" alt="page-4-6">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/page-4-7.jpg" alt="page-4-7">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/page-4-8.jpg" alt="page-4-8">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/page-4-9.jpg" alt="page-4-9">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/page-4-10.jpg" alt="page-4-10">
                    </div>
                </div>
                <div class="swiper-button-prev swiper-button-prev-lovexhj3"></div>
                <div class="swiper-button-next swiper-button-next-lovexhj3"></div>
            </div>
        </div>
        <div class="page4-text">
            <h1>晓看天色暮看云~~</h1>
            <p>有你在的每一天都如糖果一样甜</p>
            <!--<a href="https://blog.lovexhj.cn/" class="blog">进入我们的Blog</a>-->
        </div>
    </div>

    <div class="footer">
        <div class="footerBox">
            <p>
                &copy; 2023
            <h1>LDQ && CQY</h1> |
            <h1>永远在一起</h1>
            </p>
            <p>THEME MADE BY lovecqy</p>
        </div>
    </div>
</div>

<!-- 两只XHJ一样的猪 -->
<div class="xhjIsPig">
    <img src="./images/pig1.gif" alt="pig1" class="pig1">
    <img src="./images/pig2.gif" alt="pig2" class="pig2">
</div>

<!-- js加载 -->
<script src="https://cdn.bootcss.com/wow/1.1.2/wow.js"></script>
<script src="./js/typeit.min.js"></script>
<script src="./js/swiper-3.4.2.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.js"></script>

<script src="./js/lovetime.js"></script>
<script src="./js/talk.js"></script>
<script src="./js/swiper.js"></script>
<script src="./js/su.js"></script>
<script>
    (function () {
        new WOW().init()
    })()
</script>

<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $('body').wpSuperSnow({
            flakes: ['./images/004.png', './images/003.png', './images/002.png',
                './images/001.png'
            ],
            totalFlakes: '100',
            zIndex: '999999',
            maxSize: '30',
            maxDuration: '20',
            useFlakeTrans: false
        });
    });
</script>
</body>

</html>